<template>
    <div class="navbar">
        <slot name="home"></slot>
        <slot name="search"></slot>
        <slot name="shopcar"></slot>
        <slot name="sets"></slot>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss">
    .navbar{
        width: 100%;
        display: flex;
        justify-content: space-around;
        
        align-items: center;
        position: fixed;
        bottom: 0;
         box-sizing: border-box;
        .box{
            padding: 10px;
            box-sizing: border-box;
        }
        .box:hover{
            background-color: aqua;
            color: blue;
        }
    }
</style>
